<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>SUI Mobile Demo</title>
    <meta name="description" content="MSUI: Build mobile apps with simple HTML, CSS, and JS components.">
    <meta name="author" content="阿里巴巴国际UED前端">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="../favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <!-- Google Web Fonts -->

    <link rel="stylesheet" href="../dist/css/sm.min.css">
    <link rel="stylesheet" href="../dist/css/sm-extend.min.css">
    <link rel="stylesheet" href="../assets/css/demos.css">

    <!-- <link rel="apple-touch-icon-precomposed" href="../assets/img/apple-touch-icon-114x114.png"> -->
    <link rel="apple-touch-icon-precomposed" href="../assets/img/apple-touch-icon-114x114.png">
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/config.js"></script>
    <script>
      //ga
    </script>
    
  </head>
  <body>
    <div class="page-group">
    <div id="page-modal" class="page">
  <header class="bar bar-nav">
    <a class="button button-link button-nav pull-left back" href="./index.html">
      <span class="icon icon-left"></span>
      返回
    </a>
    <h1 class="title">设备侦测</h1>
  </header>
  <div class="content">
    <div class="content-padded">
      <p>$.device提供了一些基本的设备侦测信息可供使用。举例如下：

        </p>
      <p>console.log($.device)
        // --------
        {
            android: true
            androidChrome: false
            ios: false
            ipad: false
            iphone: false
            isWeixin: false
            os: "android"
            osVersion: "4.4.1"
            pixelRatio: 3
            statusBar: false
            webView: null
        }</p>
      <p>同时提供$.compareVersion工具用以方便的进行版本号比较：

        </p>
      <p>// arg1 > arg2, return 1; arg1 == arg2, return 0; arg1 < arg2, return -1
        $.compareVersion('8.0', '7.1.1')
        // return 1
        $.compareVersion('4.2', $.device.osVersion)
        // return -1
        $.compareVersion('5.0', '5.0')
        // return 0</p>
    </div>
  </div>
</div>

    </div>
    <script src="../dist/js/sm.js"></script>
    <script src="../dist/js/sm-extend.js"></script>
    <script src="../dist/js/sm-city-picker.js"></script>
    <script src="../assets/js/demos.js"></script>
  </body>
</html>
